Fixing

1 files changed, 32 insertions, 15 deletions

diff --git a/src/pages/my/transaction/[id].js b/src/pages/my/transaction/[id].js
index 51004839..fb806aa4 100644
--- a/src/pages/my/transaction/[id].js
+++ b/src/pages/my/transaction/[id].js
@@ -6,7 +6,6 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import apiOdoo from "@/core/utils/apiOdoo";
 import { useRouter } from "next/router";
 import { useAuth } from "@/core/utils/auth";
-import VariantCard from "@/components/variants/VariantCard";
 import currencyFormat from "@/core/utils/currencyFormat";
 import DescriptionRow from "@/components/elements/DescriptionRow";
 import { TransactionDetailAddress } from "@/components/transactions/TransactionDetail";
@@ -19,6 +18,7 @@ import useConfirmAlert from "@/lib/elements/hooks/useConfirmAlert";
 import { toast } from "react-hot-toast";
 import useBottomPopup from "@/lib/elements/hooks/useBottomPopup";
 import getFileBase64 from "@/core/utils/getFileBase64";
+import VariantGroupCard from "@/components/variants/VariantGroupCard";
 
 export default function DetailTransaction() {
   const router = useRouter();
@@ -116,6 +116,16 @@ export default function DetailTransaction() {
     window.open(url, 'download')
   };
 
+  const checkout = async () => {
+    if (!transaction.purchase_order_file) {
+      toast.error('Mohon upload dokumen PO anda sebelum melanjutkan pesanan')
+      return
+    }
+    await apiOdoo('POST', `/api/v1/partner/${auth?.partner_id}/sale_order/${id}/checkout`)
+    toast.success('Berhasil melanjutkan pesanan')
+    loadTransaction()
+  }
+
   return (
     <WithAuth>
       <Layout className="pb-4">
@@ -166,13 +176,10 @@ export default function DetailTransaction() {
             <p className="h2 p-4">Detail Produk</p>
 
             <div className="mt-2 p-4 pt-0 flex flex-col gap-y-3">
-              { transaction?.products?.map((product, index) => (
-                <VariantCard
-                  key={index}
-                  data={product}
-                  buyMore
-                />
-              )) }
+              <VariantGroupCard 
+                variants={transaction?.products} 
+                buyMore 
+              />
               <div className="flex justify-between mt-3 font-medium">
                 <p>Total Belanja</p>
                 <p>{ currencyFormat(transaction?.amount_total || 0) }</p>
@@ -219,6 +226,14 @@ export default function DetailTransaction() {
             <LineDivider />
             
             <div className="px-4">
+              { transaction?.status == 'draft' && (
+                <button 
+                  className="btn-yellow w-full mt-4" 
+                  onClick={checkout}
+                >
+                  Lanjutkan Transaksi
+                </button>
+              ) }
               <button 
                 className="btn-light w-full mt-4" 
                 disabled={transaction?.status != 'draft'}
@@ -226,13 +241,15 @@ export default function DetailTransaction() {
               >
                 Download Quotation
               </button>
-              <button 
-                className="btn-light w-full mt-4" 
-                disabled={transaction?.status != 'waiting'}
-                onClick={() => openConfirmAlert(transaction)}
-              >
-                Batalkan Transaksi
-              </button>
+              { transaction?.status != 'draft' && (
+                <button 
+                  className="btn-light w-full mt-4" 
+                  disabled={transaction?.status != 'waiting'}
+                  onClick={() => openConfirmAlert(transaction)}
+                >
+                  Batalkan Transaksi
+                </button>
+              ) }
             </div>
           </>
         ) : (